<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>

	<script src="../js/vue.js"></script>
	<div id="app">
		<h1>{{counter}}</h1>
		<button @click="add()">+</button>
		<button @click="sub()">-</button>
	</div>
	<script>
		var app = new Vue({
			el: '#app',
			data: {
				counter: 0,
			},
			methods: {
				add() {
					this.counter++;
				},
				sub() {
					this.counter--;
				}
			}
		})
	</script>
	</body>
</html>
